<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>

<!--css样式  -->
<link rel="stylesheet" type="text/css" href="css/login.css">
</head>

<body>
	<div class="login">
	<jsp:include page="header.jsp"></jsp:include>
		<a href="index.jsp"><img class="imgs01" src="images/logo04.jpg"
			alt="这是一张图片"></a>
		<div class="content">
			<img class="imgs02" src="images/logoimgs01.jpg" alt="这是一张图片">
			<form action="login.do" class="kuang">
				<p>登录</p>
				<div style="color:red"> ${msg}</div>
				<div class="form-content">
					<ul class="reister-user">		
						<li class="con01"><img src="images/logodenglu.jpg"> <input
							type="phone" name="phone" autocomplete="off" autofocus=""
							maxlength="11" placeholder="请输入您的账号" id="phone" tabindex="1" lay-verify="required">
						</li>
						<li class="con02"><img src="images/logomima.jpg"> <input
							type="password" name="password" autocomplete="off" maxlength="20"
							placeholder="输入密码" id="password" tabindex="2" lay-verify="required">
						</li>
						<li class="con02"><img src="images/logomima.jpg">
							<input type="text" style="width:150px;height:50px" name="YZM" placeholder="输入验证码" tabindex="3">
							<a href="javascript:getVerifiCode()"> <img id="yzm_img" 
								style="cursor: pointer; width: 100px; height: 36px; margin: 5px 0 0 5px; border-radius: 3px;"
								title="点击刷新验证码" src="getVerifiCode.do" />
							</a>
						</li>
							
						<div class="jvli"></div>
						<li class="con03"><input type="submit" class="login-button"
							value="登录" id="goRegister"></li>
					</ul>
				</div>
				
				<div class="word">
					<a href="#">忘记密码</a> <a href="zhuce.jsp">免费注册</a>
				</div>
			</form>
		</div>
	</div>
	<script src="jq/jquery-3.1.1.min.js"></script>
	<script type="text/javascript">
		function getVerifiCode() {
		    $("#yzm_img").prop('src','getVerifiCode.do?a='+new Date().getTime());
		}
	</script>
</body>
</html>